<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="sport-box">
        <!-- 运动数据 -->
        <div id="sportDada">
            <!-- 返回按钮 -->
            <div class="back cf tcenter df aic">
                <i class="iconfont icon-zuojiantou" id="backBtn"></i>
            </div>
            <!-- 标题 -->
            <div class="spttitle">
                <span>我的运动数据</span>
                <img src="../../assets/imgs/avatar.jpg" alt="" id="sptimg">
            </div>
            <!-- 总运动 -->
            <div class="datatime">
                <div class="time">
                    <p class="timetitle">总运动</p>
                    <p><span id="sum7min"></span>分钟</p>
                </div>
                <div class="qk">
                    <p class="timetitle">本周消耗</p>
                    <p><span id="sum7Calorie"></span>千卡</p>
                </div>
            </div>

            <!-- 累积消耗 -->
            <ul>
                <li>
                    <p class="lititle">消耗(千卡)</p>
                    <p>66666</p>
                </li>
                <li>
                    <p class="lititle">累积(天)</p>
                    <p>66</p>
                </li>
                <li>
                    <p class="lititle">连续(天)</p>
                    <p>6</p>
                </li>
            </ul>

        </div>

        <!-- 运动时长 -->
        <div id="sportTi">

        </div>

        <!-- 运动分类 -->
        <div id="sptClass">

        </div>
    </div>
</body>
</html>